<!DOCTYPE html>
<html>
    <head>
        <title>Iniciar Sesión</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- Hojas de estilo-->
        <link type="text/css" rel="stylesheet" href="css/estilo_sistema.css"/>
        <link type="text/css" rel="stylesheet" href="css/estilo_moderador.css"/>
    </head>
    <body>
        <header class="banner_header"></header>
        <section id="contenedor_moderador">
            <p id="cita_bienvenida">"De los diversos instrumentos inventados por el hombre, el más asombroso es el libro;
            todos lo demás son extensiones de su cuerpo. Sólo el libro es una extensión de la
            imaginación y la memoria". Jorge Luis Borges.</p>
            <img id="img_login" src="images/login.png"/>
            <form id="form_mode" action="php/ValidaModerador.php" method="post">
                <p>Usuario:<input id="usr_name" type="text" name="usr" size="40"/><br><br></p>
                <p>Contraseña:<input id="password" type="password" name="pwd" size="40"/><br></p>
                <input id="btn_enviar" type="submit" value="Aceptar"/>
                <?php
                    if(!empty($_GET['mensaje']))
                    {
                        if($_GET['mensaje']=="error1")
                        {    
                        echo '<p class="mensaje">Ingresa un nombre de usuario</p>';
                        }else if($_GET['mensaje']=="error2")
                        {
                            echo '<p class="mensaje">Ingresa tu contraseña</p>';
                        }else
                        {
                            echo '<p class="mensaje">'.$_GET['mensaje'].'</p>';
                        }
                    }
                ?>
            </form>
            
            
        </section>
        <footer><p id='pie_biblio'>Hecho en México D.F., Biblioteca Jorge Luis Borges &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                Algunos derechos reservados&nbsp; © &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2013<p></footer>
    </body>
</html>

